﻿<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>TweetPhoenix</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
    <!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
    <!--script src="js/less-1.3.3.min.js"></script-->
    <!--append ‘#!watch’ to the browser URL, then refresh the page. -->

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="img/favicon.png">
   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.charactercounter.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>
</head>
<body>
    <div class="jumbotron">
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">TweetPhoenix!</a>
                    </div>

                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li class="active">
                                <a href="#">Timeline</a>
                            </li>
                            <li>
                                <a href="#">Trending Topics</a>
                            </li>
                            <li class="dropdown">
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">Edit Profile</a>
                                    </li>
                                    <li>
                                        <a href="#">Privacy Settings</a>
                                    </li>
                                    <li>
                                        <a href="#">Something else here</a>
                                    </li>
                                    <li class="divider">
                                    </li>
                                    <li>
                                        <a href="#">Separated link</a>
                                    </li>
                                    <li class="divider">
                                    </li>
                                    <li>
                                        <a href="#">One more separated link</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <form class="navbar-form navbar-left" role="search">
                            <div class="form-group">
                                <input type="text" class="form-control">
                            </div> <button type="submit" class="btn btn-default">Submit</button>
                        </form>
                        <ul class="nav navbar-nav navbar-right">
                            <li>
                                <a href="#">About Us</a>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">Lists</a>
                                    </li>
                                    <li>
                                        <a href="#">How do I use the Twitter?</a>
                                    </li>
                                    <li>
                                        <a href="#">Settings</a>
                                    </li>
                                    <li class="divider">
                                    </li>
                                    <li>
                                        <a href="#">Log Out</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>

                </nav>
                <div class="row clearfix">
                    <div class="col-md-12 column">
                        <div class="jumbotron well">
                            <h1>
                                Welcome to TweetPhoenix!
                            </h1>
                            <p>
                                We're here to offer you the best looking Twitter experience possible, from the occasional skimmer to the power user.
                            </p><br>
                            <p>
                                At least until we hit our token limit of 100,000 authenticated users and mother Twitter neuters us.
                            </p>
                            <p>
                                <a class="btn btn-primary btn-large" href="#">Login</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-2 column">
                        <h3 class="profileName">
                            RJ Mitchell
                        </h3><img class="profileImage" src="http://i.imgur.com/iOv1hzS.png" class="img-thumbnail">
                        <ul class="nav nav-tabs nav-stacked">
                            <li class="active">
                                <a href="#">Home</a>
                            </li>
                            <li>
                                <a href="#">Profile</a>
                            </li>
                            <li class="disabled">
                                <a href="#">Messages</a>
                            </li>
                            <li class="dropdown pull-right">
                                <a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown<strong class="caret"></strong></a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">Action</a>
                                    </li>
                                    <li>
                                        <a href="#">Another action</a>
                                    </li>
                                    <li>
                                        <a href="#">Something else here</a>
                                    </li>
                                    <li class="divider">
                                    </li>
                                    <li>
                                        <a href="#">Separated link</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-6 column">
                        <ul class="nav nav-pills">
                            <form>
                                <textarea rows="8" class="form-control" id="demo"></textarea>
                                <button type="submit" class="btn btn-info">Submit</button>
                            </form>
                             <li class="active">
                                <a href="#"> <span class="badge pull-right">42</span>Timeline</a>
                            </li>
                            

                        </ul>
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>
                                        Profile
                                    </th>
                                    <th>
                                        Tweet
                                    </th>
                                    <th>
                                        Timestamp
                                    </th>
                               </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        RJ Mitchell
                                    </td>
                                    <td>
                                        I hate Daylight Savings Time, I only thank goodness I still had jet lag from Florida to Texas.
                                    </td>
                                    <td>
                                        03/09/2015 - 08:54:20 AM
                                    </td>
                                </tr>
                                <tr class="active">
                                    <td>
                                        AJ Calhoun
                                    </td>
                                    <td>
                                        We lost DeMarco Murray, and Ndamukong Suh goes to the Miami Dolphins. CHA-CHING!
                                    </td>
                                    <td>
                                        03/08/2015 - 08:16:58 PM
                                    </td>
                                    
                                </tr>
                                <tr class="success">
                                    <td>
                                        RJ Mitchell
                                    </td>
                                    <td>
                                        If this computer fails one more time...
                                    </td>
                                    <td>
                                        03/08/2015 - 12:16:01 PM
                                    </td>
                                   
                                </tr>
                                <tr class="warning">
                                    <td>
                                        Brittany Gooch
                                    </td>
                                    <td>
                                        #Test Test Test
                                    </td>
                                    <td>
                                        03/08/2015 - 11:01:32 AM
                                    </td>
                         
                                </tr>
                               
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-4 column">
                        <div class="list-group">
                            <a href="#" class="list-group-item active"></a>
                            <div class="list-group-item">
                                List header
                            </div>
                            <div class="list-group-item">
                                <h4 class="list-group-item-heading">
                                    List group item heading
                                </h4>
                                <p class="list-group-item-text">
                                    ...
                                </p>
                            </div>
                            <div class="list-group-item">
                                <span class="badge">14</span>Help
                            </div> <a class="list-group-item active"><span class="badge">14</span>Help</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
